
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>服务支持 - 泰安市兆通商贸有限公司</title>
    <link rel="stylesheet" href="css/style.css" />
</head>
<body>

    <header>
        <div class="container">
            <div class="logo">泰安市兆通商贸有限公司</div>
            <nav>
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="products.html">产品中心</a></li>
                    <li><a href="services.html">服务支持</a></li>
                    <li><a href="news.html">新闻动态</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main>
        <section class="page-banner">
            <h1>服务支持</h1>
            <p>从选材到交付，全程陪伴式服务</p>
        </section>

        <div class="container">
            <section>
                <h2 class="text-center">我们的服务体系</h2>
                <div class="services-grid">
                    <div class="service-card">
                        <div class="service-icon">🔍</div>
                        <h3>专业选材咨询</h3>
                        <p>资深技术人员免费提供钢材选型建议，根据您的工程图纸或使用场景推荐最优材质与规格，避免浪费与安全隐患。</p>
                    </div>
                    <div class="service-card">
                        <div class="service-icon">🔧</div>
                        <h3>定制加工服务</h3>
                        <p>配备数控切割机、钻床、折弯机，可按图纸要求进行：<br>• 切割定尺<br>• 打孔开槽<br>• 折弯成型<br>• 焊接组对</p>
                    </div>
                    <div class="service-card">
                        <div class="service-icon">🚚</div>
                        <h3>高效物流配送</h3>
                        <p>自有运输车队 + 战略合作物流，确保准时送达：<br>• 山东省内：72小时内送达<br>• 华北华东：一周内送达<br>• 全国范围：精准调度，实时追踪</p>
                    </div>
                    <div class="service-card">
                        <div class="service-icon">🛡️</div>
                        <h3>质量与售后</h3>
                        <p>• 每批钢材附带材质证明书<br>• 收货后48小时内可申请复检<br>• 质量问题无条件退换<br>• 长期客户享专属客服经理</p>
                    </div>
                </div>
            </section>

            <section>
                <h2>加工中心实景</h2>
                <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:30px 0;">
                    <img src="images/j1.jpeg" alt="数控切割机" style="width:100%;border-radius:8px;">
                    <img src="images/j2.jpeg" alt="工人操作" style="width:100%;border-radius:8px;">
                    <img src="images/j3.jpeg" alt="成品堆放" style="width:100%;border-radius:8px;">
                    <img src="images/j4.jpeg" alt="质检过程" style="width:100%;border-radius:8px;">
                </div>
            </section>

            <section>
                <h2>服务流程</h2>
                <div class="process-steps">
                    <div class="step">
                        <div class="step-number">1</div>
                        <div class="step-content">
                            <h3>需求沟通</h3>
                            <p>电话/微信/面谈，明确钢材品种、规格、数量、用途及特殊要求</p>
                        </div>
                    </div>
                    <div class="step">
                        <div class="step-number">2</div>
                        <div class="step-content">
                            <h3>方案制定</h3>
                            <p>提供选材建议、加工方案、报价单与交货周期</p>
                        </div>
                    </div>
                    <div class="step">
                        <div class="step-number">3</div>
                        <div class="step-content">
                            <h3>签订合同</h3>
                            <p>确认技术参数、价格、付款方式、违约责任等条款</p>
                        </div>
                    </div>
                    <div class="step">
                        <div class="step-number">4</div>
                        <div class="step-content">
                            <h3>生产配送</h3>
                            <p>备货 → 加工（如需）→ 装车 → 发运 → 签收</p>
                        </div>
                    </div>
                    <div class="step">
                        <div class="step-number">5</div>
                        <div class="step-content">
                            <h3>售后跟踪</h3>
                            <p>回访使用情况，收集反馈，持续改进服务</p>
                        </div>
                    </div>
                </div>
            </section>

            <section>
                <h2>客户评价</h2>
                <div class="testimonials">
                    <blockquote>
                        “第一次合作就非常满意，不仅价格合理，还帮我们优化了H型钢的选型方案，节省了15%的成本。”<br>
                        —— 张工，济南某钢结构公司
                    </blockquote>
                    <blockquote>
                        “加工精度很高，孔位分毫不差，直接拉过去就能安装，大大缩短了工期。”<br>
                        —— 王经理，临沂机械厂
                    </blockquote>
                    <blockquote>
                        “暴雨天也按时送达，服务意识真的很强，已经成为我们年度供应商。”<br>
                        —— 李总，泰安建筑工程公司
                    </blockquote>
                </div>
            </section>
        </div>
    </main>

    <footer>
        <div class="container">
            <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;">
                <div>
                    <h3>核心服务</h3>
                    <ul>
                        <li>钢材选型咨询</li>
                        <li>数控切割加工</li>
                        <li>打孔折弯服务</li>
                        <li>全省快速配送</li>
                        <li>质量售后保障</li>
                    </ul>
                </div>
                <div>
                    <h3>联系我们</h3>
                    <p>📞 17553888809</p>
                    <p>📧 zhaotong@163.com</p>
                    <p>📍 山东省泰安市岱岳区满庄镇钢材市场宝钢大街13号</p>
                    <p>🕒 周一至周六 8:00 - 17:30</p>
                </div>
                <div>
                    <h3>加工能力</h3>
                    <p>• 最大切割厚度：50mm<br>• 最大加工长度：12米<br>• 孔径精度：±0.5mm<br>• 支持CAD图纸处理</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 泰安市兆通商贸有限公司 版权所有 | 鲁ICP备09023866号</p>
            </div>
        </div>
    </footer>

    <script src="js/script.js"></script>
</body>
</html>
